<template>
  <div>
    <div id="changeHeader">
      <div class="iconfont" @click="goback">&#xe609;</div>
      <div class="text">
        切换城市
      </div>
    </div>
    <!-- 占位 -->
    <div class="h-40"></div>
  </div>
  
</template>

<script>
export default {
  name: 'changeHeader',
  methods:{
    goback(){
      this.$router.go(-1);
     }
  }
};
</script>

<style scoped>
#changeHeader{
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 auto;
  background: #000000;
  z-index: 99;
}
#changeHeader .iconfont{
  position: absolute;
  top: 0;
  left: .3rem;
  color: #FFFFFF;
  font-size: .35rem;
}
#changeHeader .text{
  font-size: .35rem;
  text-align: center;
  top: 0;
  color: #FFFFFF;
}
.h-40{
  height: .8rem;
}
</style>
